<template>
  <v-container grid-list-xl text-xs-center>
    <div class="center">
      <v-layout row wrap>
        <v-flex xs9>
          <articles />
        </v-flex>
        <v-flex xs3>
          <home-aside />
        </v-flex>
      </v-layout>
    </div>

  </v-container>
</template>
<script type="text/ecmascript-6">
  import Articles from '@/views/article/list';
  import HomeAside from '@/views/home/aside';

  export default {
    components: {
      Articles,
      HomeAside
    },
    data() {
      return {}
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
  .center {
    max-width: 1200px;
    margin: 0 auto;
    /*padding: 2rem 2.5rem;*/
  }
</style>
